<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>场馆详情 - 滑雪项目</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/app.css">

</head>
<body>
    <!-- top Nav -->
    <header class="ui-header ui-header-positive ui-border-b">
        <i class="ui-icon-return" onclick="history.back()"></i>
        <h1>景点详情</h1>
        <a class="go-home" href="/"><i class="ui-icon-home"></i></a>
    </header>
    <div class="detail-banner">
        <img src="img/test/detail_banner.jpg" alt=""/>
        <h3>北京军都滑雪场</h3>
    </div>
    <div class="detail-infor field-infor">
        <div class="detail-box field-box">
            <!-- 星级star-0到star-5 -->
            <div class="comments-star star-4">
                <i class="ui-icon-star"></i>
                <i class="ui-icon-star"></i>
                <i class="ui-icon-star"></i>
                <i class="ui-icon-star"></i>
                <i class="ui-icon-star"></i>
                <span>93%满意</span>
            </div>
            <div class="field-intro">
                <p>这个冬天，让我们一起激情</p>
            </div>
            <div class="detail-intro">
                <ul>
                    <li class="ui-border-t">
                        <i class="ui-icon-history"></i>
                        <p>
                            周一~周五：08:00~22:00；<br/>周六~周日：08:00~22:00；
                        </p>
                    </li>
                    <li class="ui-border-t">
                        <i class="ui-icon-pin"></i>
                        <p>北京市昌平区崔村镇真顺村588号</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="field-main ui-tab">
            <ul class="ui-tiled field-menu ui-tab-nav">
                <li class="current">票价</li>
                <li>详情</li>
                <li>评论</li>
            </ul>
            <div class="field-conts ui-tab-content" style="width:300%">
                <div class="field-item field-list">
                    <ul class="ui-list ui-list-text ui-list-link ui-border-tb">
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                        <li class="ui-border-t">
                            <a href="detail_ticket.html">
                                <h4 class="ui-nowrap">[周日]军都山滑雪场全天票</h4>
                                <div class="ui-txt-info"><em>¥283</em> 起</div>
                            </a>
                        </li>
                    </ul>
                    <div class="more-bar">
                        <a href="">更多门票 <i class="ui-icon-more"></i></a>
                    </div>
                </div>
                <div class="field-item">
                    <div class="field-detail">
                        <h4 class="ui-border-b">景点介绍</h4>
                        <p>北京军都山滑雪场，位于昌平著名的小汤山温泉风景度假区,是距离市内最近的滑雪场（30余公里）。雪场造雪面积为15万平方米，另有6000余平方米的综合服务设施，是目前北京地区规模最大的滑雪场之一。</p>
                        <p>
                            <img src="img/test/detail_banner.jpg" alt=""/>
                        </p>
                        <p>北京军都山滑雪场，位于昌平著名的小汤山温泉风景度假区,是距离市内最近的滑雪场（30余公里）。</p>
                        <p>坐车地址</p>
                    </div>
                </div>
                <div class="field-item">
                    <div class="comments-num ui-border-b"><span>55</span>个评论</div>
                    <div class="ui-label-list comments-tags">
                        <label class="ui-label"><a href="">全部(<em>99</em>)</a></label>
                        <label class="ui-label"><a href="">好评(<em>71</em>)</a></label>
                        <label class="ui-label"><a href="">方便(<em>22</em>)</a></label>
                        <label class="ui-label"><a href="">服务好(<em>3</em>)</a></label>
                        <label class="ui-label"><a href="">靠谱(<em>5</em>)</a></label>
                    </div>
                    <div class="comments-conts">
                        <ul class="ui-list ui-list-pure ui-border-tb">
                            <li class="ui-border-t">
                                <p><span>momo1234</span><span class="date"> 2月12日</span></p>
                                <h4>超级刺激，路线也方便，坐地铁挺快的。</h4>
                                <!-- 星级star-0到star-5 -->
                                <div class="comments-star star-4">
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                </div>
                            </li>
                            <li class="ui-border-t">
                                <p><span>校花的世界</span><span class="date"> 2月12日</span></p>
                                <h4>很不错，喜欢滑雪</h4>
                                <!-- 星级star-0到star-5 -->
                                <div class="comments-star star-5">
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                </div>
                            </li>
                            <li class="ui-border-t">
                                <p><span>13455566677</span><span class="date"> 2月12日</span></p>
                                <h4>标题标题标题标题标题标题题标题标题标题标题标题标题标题标题标题题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</h4>
                                <!-- 星级star-0到star-5 -->
                                <div class="comments-star star-2">
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                </div>
                            </li>
                            <li class="ui-border-t">
                                <p><span>momo1234</span><span class="date"> 2月12日</span></p>
                                <h4>超级刺激，路线也方便，坐地铁挺快的。</h4>
                                <!-- 星级star-0到star-5 -->
                                <div class="comments-star star-4">
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                    <i class="ui-icon-star"></i>
                                </div>
                            </li>
                        </ul>
                        <div class="more-bar">
                            <a href="">更多评论 <i class="ui-icon-more"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- footer -->
    <footer id="footer">
        <p>©<label id="yearHomepage">2015</label> 滑雪网</p>
    </footer>

    <div class="mask"></div>
    <script src="js/lib/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
    <script src="js/app.js"></script>

</body>
</html>